<template>
	<view>
		<view class="bg_red_big" v-show="step==1">
			<image class="bg_img" src="https://img.jinghushi.com/images/9/2025/01/CK51ui0114K0U10N4pX1SxWy1XCsUi.png" mode="widthFix"></image>
			<image class="bg_btn" src="https://img.jinghushi.com/images/9/2025/01/FJ3zpOpFCJfDjJIJitDRJDJPBOJ7pD.png"></image>
			<view class="bg_red">
				<view class="wish_order">
					<view class="wish_tit">姓名<text>*</text></view>
					<input type="text" placeholder="您的姓名">
					<view class="wish_tit">电话<text>*</text></view>
					<input type="text" placeholder="您的电话">
					<view class="wish_tit">地址<text>*</text></view>
					<input type="text" placeholder="您的住址">
					<view class="wish_tit">新年愿望（留言）<text>*</text></view>
					<input type="text" placeholder="您的新年愿望">
					<view class="flex_box wish_desc">
						<view>注：</view>
						<view>
							<view>本地活动奖励是随机抽奖；</view>
							<view>奖励名额为：10名</view>
						</view>
					</view>
					<view class="wish_tip">开奖时间：2025年2月6日</view>
				</view>
				<view class="wish_order">
					<view class="wish_tit">活动奖品</view>
					<view class="flex_between wish_award" @click="changeCur(1)">
						<view class="wish_title">1.唐探1990（3D画面）</view>
						
						<image class="wish_checked" v-if="curIndex==1" src="https://img.jinghushi.com/images/9/2025/01/sq1gPu220PC6u2Jp9114Uk9gXu05C2.png"></image>
						<image v-else src="https://img.jinghushi.com/images/9/2025/01/Fi599ry952PANYZnJByL5yYIA94ABL.png"></image>
					</view>
					<view class="flex_between wish_award" @click="changeCur(2)">
						<view class="wish_title">2.哪吒之魔童降世（3D画面）</view>
						<image class="wish_checked" v-if="curIndex==2" src="https://img.jinghushi.com/images/9/2025/01/sq1gPu220PC6u2Jp9114Uk9gXu05C2.png"></image>
						<image v-else src="https://img.jinghushi.com/images/9/2025/01/Fi599ry952PANYZnJByL5yYIA94ABL.png"></image>
					</view>
					<view class="flex_between wish_award" @click="changeCur(3)">
						<view class="wish_title">3.封神第二部（3D画面）</view>
						<image class="wish_checked" v-if="curIndex==3" src="https://img.jinghushi.com/images/9/2025/01/sq1gPu220PC6u2Jp9114Uk9gXu05C2.png"></image>
						<image v-else src="https://img.jinghushi.com/images/9/2025/01/Fi599ry952PANYZnJByL5yYIA94ABL.png"></image>
					</view>
					<image src="https://img.jinghushi.com/images/9/2025/01/xOJ90qPXu37oxXpWy09zQzd99XW9WW.png" class="wish_submit"></image>
					<view class="wish_desc text-center">注：以上产品只支持三选一；且不支持订位</view>
				</view>
				<view class="wish_explain">本次活动最终解释权归多米街官方所有！</view>
			</view>
		</view>
		<view class="bg_gray" v-show="step==2">
			<view class="flex_between wish_success" style="background-image: url('https://img.jinghushi.com/images/9/2025/01/LKs0n72SJPnK0w12A1Z0Pws1pkk2ZM.png');">
				<view class="wish_btn" @click="goHome">返回首页</view>
				<view class="wish_btn wish_two" @click="goHome">去逛逛</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				step: 1,
				curIndex: 1,
			};
		},
		methods: {
			changeCur(id){
				if(id == this.curIndex) return;
				this.curIndex = id;
			},
			goHome(){
				uni.switchTab({
					url: '/pages/mallHome/selfMall'
				})
			}
		}
	}
</script>

<style lang="scss">
	.bg_red_big{
		background: #FF5A48;
		// padding: 0 20rpx;
	}
	.bg_red{
		margin: 0 22rpx;
		background-color: #FF4A36;
		padding-bottom: 30rpx;
		margin-top: -32rpx;
		border-radius: 10rpx;
	}
	.bg_img{
		width: 100%;
		display: block;
		// margin-left: -20rpx;
	}
	.bg_btn{
		width: 740rpx;
		height: 110rpx;
		margin: 0 auto;
		display: block;
		margin-top: -144rpx;
		position: relative;
	}
.wish_order{
	width: 90%;
	margin: 0 auto;
	background: #fff;
	margin-bottom: 20rpx;
	padding: 30rpx 50rpx;
	border-radius: 10rpx;
	.wish_tit{
		margin-top: 20rpx;
		text{
			color: red;
		}
	}
	input{
		margin-top: 10rpx;
		background: rgba(216, 216, 216, 1);
		border-radius: 10rpx;
		height: 60rpx;
		padding: 0 20rpx;
	}
	.wish_desc{
		color: rgba(102, 102, 102, 1);
		margin-top: 10rpx;
		line-height: 40rpx;
	}
	.wish_tip{
		color: rgba(255, 74, 54, 1);
		margin-top: 10rpx;
		font-size: 24rpx;
	}
	.wish_award{
		color: rgba(255, 74, 54, 1);
		margin-top: 12rpx;
		font-weight: bold;
		image{
			width: 29rpx;
			height: 29rpx;
		}
		.wish_checked{
			width: 38rpx;
			margin-right: -10rpx;
			height: 32rpx;
		}
	}
	.wish_submit{
		width: 290rpx;
		height: 45rpx;
		margin: 30rpx auto 0;
		display: block;
	}
}
.wish_explain{
	color: #fff;
	font-size: 30rpx;
	font-weight: 700;
	text-align: center;
	margin-top: 10rpx;
}
.wish_success{
	width: 400rpx;
	height: 475rpx;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 0 30rpx;
	.wish_btn{
		width: 160rpx;
		line-height: 40rpx;
		text-align: center;
		color: #F74828;
		border: 2rpx solid #F74828;
		border-radius: 8rpx;
		margin-top: 250rpx;
		font-size: 26rpx;
	}
	.wish_two{
		background: #F74828;
		color: #fff;
	}
}
.bg_gray{
	background: gray;
	width: 100%;
	height: 100vh;
}
</style>
